<template>
  <div class="pack">
    <el-tabs type="border-card" v-model="activeName">
      <el-tab-pane label="未发出" name="notShipped">
        <notShipped></notShipped>
      </el-tab-pane>
      <el-tab-pane label="已发出" name="Shipped">
        <shipped></shipped>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import notShipped from "@/views/order/packingList/components/notShipped.vue";
import shipped from "@/views/order/packingList/components/shipped.vue";

export default {
  name: "index",
  components: {
    notShipped,
    shipped,
  },
  data() {
    return {
      activeName: "notShipped",
    };
  },
};
</script>

<style scoped>
.pack {
  padding-top: 10px;
}
</style>
